{#
(C) Copyright 2011 Jose Carrasco <jose.carrasco[a]vikuit.com>

This file is part of "vikuit".

"vikuit" is free software: you can redistribute it and/or modify
it under the terms of the GNU Affero General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.

"vikuit" is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU Affero General Public License for more details.

You should have received a copy of the GNU Affero General Public License
along with "vikuit".  If not, see <http://www.gnu.org/licenses/>.
#}

	<!-- link href="/static/themes/blackbook/css/general.css" rel="stylesheet" type="text/css" />
	<link href="/static/themes/blackbook/css/top.css" rel="stylesheet" type="text/css" />
	<link href="/static/themes/blackbook/css/vikuitlet.css" rel="stylesheet" type="text/css" />
	<link href="/static/themes/blackbook/css/layout.css" rel="stylesheet" type="text/css" /-->
 	
 	<link href="/static/css/bootstrap/bootstrap.min.css" rel="stylesheet" type="text/css" />
 	 <style type="text/css">
      body {
        padding-top: 60px;
        padding-bottom: 40px;
      }
      .sidebar-nav {
        padding: 9px 0;
      }

      @media (max-width: 980px) {
        /* Enable use of floated navbar text */
        .navbar-text.pull-right {
          float: none;
          padding-left: 5px;
          padding-right: 5px;
        }
      }
      
 
 /* Search Styles ( For theme)
-------------------------------------------------- */
 
  .navbar-search .search-query{height:20px;padding:2px 10px}
  .navbar-search .search-query.animated{width:100px;-webkit-transition:width .3s;-moz-transition:width .3s;-o-transition:width .3s;transition:width .3s}
  .navbar-search .search-query.animated:focus,.navbar-search .search-query.animated .focused{width:200px}
  .navbar-search i{position:absolute;right:10px;top:5px}
 
 
 
 
url('http://twitter.github.com/bootstrap/assets/css/bootstrap.css');body{width:100%;height:100%;margin:0;padding:0;overflow:hidden}body .frame{position:absolute;width:200%;height:100%;top:0;bottom:0;left:0}body .frame .navbar .navbar-inner{border-radius:0;padding-left:5px}body .frame .menu{height:100%}body .frame .menu.collapse{float:left;height:100% !important;width:auto}body .frame .menu.collapse.height{position:relative;height:0;overflow:hidden;-webkit-transition:height .35s ease;-moz-transition:height .35s ease;-o-transition:height .35s ease;transition:height .35s ease}body .frame .menu.collapse.width{position:relative;width:0;overflow:hidden;-webkit-transition:width .35s ease;-moz-transition:width .35s ease;-o-transition:width .35s ease;transition:width .35s ease}body .frame .menu.collapse.in.width{width:auto}body .frame .menu.collapse.in.height{height:auto}body .frame .menu .collapse-inner{position:relative;width:250px;height:100%}body .frame .menu .navbar .navbar-inner{text-align:center;color:grey;font-size:1.2em;line-height:38px}body .frame .menu .nav-stacked{padding:0 10px}body .frame .view{width:50%;height:100%;overflow:hidden}body .frame .view .navbar .navbar-inner .btn-navbar{display:block;float:left}body .frame .view #content{margin:auto 15px;text-align:justify}
 
/* for logo */

.brand
{
  background: url(/images/application/logo) no-repeat left center;
  height: 20px;
  width: 200px;
}
 
    </style>
	<link href="/static/css/bootstrap/bootstrap-responsive.min.css" rel="stylesheet" type="text/css" /> 
 <script type='text/javascript'>//<![CDATA[ 
$(window).load(function(){
changeContent = function(key) {
  html = textHash[key];
  $('#content').html(html);
}

$("#menu a").click(function(e) {
  $('#menu').collapse('hide');
  changeContent(e.target.innerText);
});

textHash = {
  "Futurama": "<h1>Bendin' in the Wind</h1><p>Oh, but you can. But you may have to metaphorically make a deal with the devil.  And by \"devil\", I mean Robot Devil.  And by \"metaphorically\", I mean get your coat. Say what? Ok, we'll go deliver this crate like professionals, and then we'll go ride the bumper cars. Yep, I remember. They came in last at the Olympics, then retired to promote alcoholic beverages! Michelle, I don't regret this, but I both rue and lament it.</p>",
  "Star Wars": "<h1>The Empire Strikes Back</h1><p>Remember, a Jedi can feel the Force flowing through him. Look, I can take you as far as Anchorhead. You can get a transport there to Mos Eisley or wherever you're going. She must have hidden the plans in the escape pod. Send a detachment down to retrieve them, and see to it personally, Commander. There'll be no one to stop us this time!</p>",
  "Doctor Who": "<h1>The Poison Sky</h1><p>Stop talking, brain thinking. Hush. You hit me with a cricket bat. You've swallowed a planet! Stop talking, brain thinking. Hush. It's a fez. I wear a fez now. Fezes are cool. Annihilate? No. No violence. I won't stand for it. Not now, not ever, do you understand me?! I'm the Doctor, the Oncoming Storm - and you basically meant beat them in a football match, didn't you?</p>"
};
});//]]>  

</script>
{% block javascript %}
	
{% endblock %}